// import Vue from 'vue' // 引入的是不带编译器版本(runtime-only)
import Vue from 'vue/dist/vue.esm' // 引入带模板编译器的版本
  // 问题1: 引入的包更大
  // 问题2: 运行时动态编译模板, 更慢了
import App from './App.vue'

new Vue({
  // render: h => h(App),
  // render: function (h) { // h 本质就是创建虚拟DOM的函数createElement
  //   // 使用h函数创建虚拟节点/DOM 
  //   const vnode =  h(App, {attrs: {id: 'aa'}})
  //   // 使用JSX创建虚拟DOM
  //   const vnode2 = <App id='bb'></App>
  //   console.log(vnode, vnode2)

  //   // 返回虚拟节点   后面会根据返回的虚拟节点, 生成真实dom显示
  //   return vnode
  // }
  template: '<App/>', // 必须得有人将其编译为render函数
  components: { // 必须先注册组件, 才能在模板中编写组件标签
    App
  }
}).$mount('#app')
